<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/include.inc.jsp" %>
    <!DOCTYPE html>

    <html>
    <head>
        <%@include file="/WEB-INF/views/layout/miiteen/base.ref.jsp" %>
        <style>
            .input-text {
                height: 32px;
                line-height: 32px;
                -webkit-appearance: none;
                background-color: #FFF;
                background-image: none;
                border-radius: 4px;
                border: 1px solid #DCDFE6;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                color: #606266;
                display: inline-block;
                font-size: inherit;
                outline: 0;
                padding: 0 15px;
                -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
                transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
                width: 100%;
            }

            .input-text:focus {
                border-color: #409EFF;
                outline: 0;
            }
        </style>
    </head>
    <body>
    <div class="mainpage list">
        <!--顶部菜单-->
        <div class="page-topmenu">
            <shiro:hasPermission name="cTNoticeType:add">
                <div class="btn-panel">
                    <el-button type="primary" size="small" icon="el-icon-plus" @click="add">添加</el-button>
                </div>
            </shiro:hasPermission>
            <shiro:hasPermission name="cTNoticeType:del">
                <div class="btn-panel">
                    <el-button size="small" icon="el-icon-delete" @click="del">删除</el-button>
                </div>
            </shiro:hasPermission>
        </div>

        <!--查询条件-->
        <el-form :inline="true" :model="form" size="small">

            <!--视业务进行更改-begin-->
                <el-form-item label="名称">
                    <input v-model="form.name" placeholder="名称">
                </el-form-item>
            <!--视业务进行更改-end-->
                <el-form-item>
                    <el-button type="primary" @click="search">查询</el-button>
                </el-form-item>
        <!-- 列表界面内容区域 -->
        </el-form>
        <hr/>
            <el-table row-key="id"
                      :data="grid.data"
                      :height="grid.height"
                      @selection-change="selectchange">
                <el-table-column
                        type="selection"
                        width="55">
                </el-table-column>
                <el-table-column label="操作" width="120" align="center" :resizable="false">
                    <template slot-scope="scope">
                        <a @click="goedit(scope.row.id)" class="grid-operate">编辑</a>
                    </template>
                </el-table-column>
                <!--视业务进行更改-begin-->
                <el-table-column prop="name" label="名称"></el-table-column>
                <el-table-column prop="codeValue" label="编码"></el-table-column>
                <el-table-column prop="ylzd2" label="接口地址"></el-table-column>
                <el-table-column prop="ifMod" label="接口类型" align="center">
                    <template slot-scope="scope">
                        <span v-if="scope.row.ifMod == 0" class="red">内部</span>
                        <span v-else-if="scope.row.ifMod == 1" class="blue">外部</span>
                    </template>
                </el-table-column>
                <el-table-column prop="ylzd1" label="是否显示在列表页" align="center">
                    <template slot-scope="scope">
                        <span v-if="scope.row.ylzd1 == 0" class="red">隐藏</span>
                        <span v-else-if="scope.row.ylzd1 == 1" class="blue">显示</span>
                    </template>
                </el-table-column>
                <el-table-column prop="showOrder" label="顺序"></el-table-column>
                <el-table-column prop="remark" label="备注"></el-table-column>
                <!--视业务进行更改-end-->
            </el-table>
            <!-- 分页 -->
            <!--分页控件-->
            <%@include file="/WEB-INF/views/layout/miiteen/gridpage.ref.jsp" %>
    </div>
    <script>
        //初始化数据，必须放置在列表页面封装部分前
        function initVueOption(obj) {
            //设置控制器
            obj.data.controller = "${ctx}/ct/ctnoticetype";
            //设置查询条件默认值
            obj.data.form = {
            }
        }
    </script>
    <!--列表页面封装部分-->
    <%@include file="/WEB-INF/views/layout/miiteen/page.list.ref.jsp" %>
    </body>
    </html>